
<template>
    <div id="search">
        <headerView></headerView>
        <div class="search">
            <SearchTop></SearchTop>
            <searchBody :keyword="searchKeyword"></searchBody>
        </div>
        <footerView></footerView>
    </div>
</template>


<script>
import footerView from '@/components/footerView.vue';
import headerView from '@/detail/component/headerView.vue';
import SearchTop from './componentss/searchTop.vue';
import searchBody from './componentss/searchBody.vue';





export default {
  name: 'SearchView',
  components: {
    headerView,
    footerView,
    SearchTop,
    searchBody,
  }, 
  data() {
        return {
           searchKeyword: this.$route.query.keyword || ''
        }
    },
  methods: {
   
  },
  created() {
    if (this.$route.query.keyword) {
      this.searchKeyword = this.$route.query.keyword;
    }
  }
}
</script>
<style  lang="scss">
  .search{
   width: 1200px;
   margin: 0 auto;
  //  background: #fff;
   margin-top: 20px; 
   margin-bottom: 20px;
  }
</style>